<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script>
        function getMessage() {
            // 实例化 一个 xmlHttpRequest
            var request = new XMLHttpRequest();

            // 设置 xmlHttpRequest 对象的回调函数 readState 1 2 3 4
            request.onreadystatechange=function (){
                if (request.readyState === 4 && request.status === 200){
                    // 接收响应结果，处理结果
                    alert("后端响应了----");
                    // 将响应的数据 显示在页面
                    var inputEle = document.getElementById("message");
                    inputEle.value = request.responseText
                }
            }

            // 设置发送请求的方式和请求的资源路径
            request.open("GET","/test?username=zhangSan")
            // 发送请求
            request.send()
        }
    </script>

</head>
<body>

<button onclick="getMessage()">按钮</button>
<input type = "text" id="message">

</body>
</html>